<template>
  <div class="default-layout">
    <n-layout has-sider style="height: 100%">
      <n-layout>
        <topHeader />
        <!-- <transition> -->
        <router-view class="contentdiv"></router-view>
        <!-- </transition> -->
      </n-layout>
    </n-layout>
  </div>
</template>

<script setup lang="ts"></script>
<script lang="ts">
export default {
  name: "default-layout",
};
</script>

<style lang="scss" scoped>
.contentdiv {
  height: calc(100vh - 60px)!important;
}
.default-layout {
  height: 100%;
  width: 100%;
}
</style>
